.wrapper {
  height: 100%;
  width: 750px;
  background-color: #ffffff;
  flex-direction: column;
  

  .title-contain {
    width: 100%;
    padding: 24px;
    flex-direction: row;
    align-items: center;
    padding-bottom: 0px;
    flex-shrink: 0;
    .txt1 {
      font-weight: bold;
      font-size: 28px;
      color: #333333;
      line-height: 28px;
    }
    .txt2 {
      color: #ff0000;
      font-weight: bold;
      font-size: 28px;
      line-height: 28px;
    }
  }

  .list-contain {
    width: 100%;
    padding: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    flex-shrink: 0;
    .list-item-default {
      background-color: #f8f8f8;
      border-radius: 4px;
      padding: 26px;
      margin-right: 24px;
      margin-bottom: 24px;
      flex-shrink: 0;
      .txt-default {
        font-weight: 400;
        font-size: 24px;
        color: #333333;
        line-height: 24px;
      }
    }

    .list-item-check {
      background-color: #2d89f5;
      border-radius: 4px;
      padding: 26px;
      margin-right: 24px;
      margin-bottom: 24px;
      flex-shrink: 0;
      .txt-check {
        font-weight: 400;
        font-size: 24px;
        color: #ffffff;
        line-height: 24px;
      }
    }
  }

  .content-contain {
    width: 100%;
    border-radius: 4px;
    padding: 24px;
    flex-shrink: 0;
    .txt-area {
      width: 100%;
      background-color: #f8f8f8;
      padding: 24px;
      height: 200px;
    }
    .txt {
      width: 100%;
      background-color: #f8f8f8;
      padding: 24px;
    }
  }

  .admit-contain {
    width: 100%;
    height: 88px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    flex-shrink: 0;
    .txt {
      width: 580px;
      height: 88px;
      background-color: #0084ff;
      border-radius: 50px;
      font-weight: bold;
      font-size: 32px;
      color: #ffffff;
      line-height: 32px;
      text-align: center;
    }
  }

  .compalint-contain {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    flex-shrink: 0;
    .txt1 {
      font-weight: 400;
      font-size: 28px;
      color: #333333;
      line-height: 28px;
    }
    .txt2 {
      font-weight: bold;
      font-size: 28px;
      color: #0084ff;
      line-height: 28px;
      border-bottom: 2px solid #0084ff;
    }
  }

  .close-ad {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    flex-shrink: 0;
    .txt {
      font-weight: 400;
      font-size: 24px;
      color: #0084ff;
      line-height: 24px;
    }
  }

  .divider {
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    margin-top: 24px;
    flex-shrink: 0;
  }

  .help-contian {
    position: fixed;
    bottom: 0px;
    height: 128px;
    width: 100%;
    flex-shrink: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    .help-content {
      width: 620px;
      height: 80px;
      border-radius: 0px;
      border: 2px solid #e8e8e8;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      .img {
        width: 32px;
        height: 32px;
        object-fit: contain;
        margin-right: 24px;
      }
      .txt {
        font-weight: bold;
        font-size: 28px;
        color: #8f8b82;
        line-height: 28px;
      }
    }
  }

  .report-pop-show {
    position: absolute;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.60);
    .report-pop-content {
      width: 620px;
      background-color: #ffffff;
      border-radius: 20px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-left: 54px;
      padding-right: 54px;
      flex-shrink: 0;
      .title {
        font-weight: bold;
        font-size: 36px;
        color: #333333;
        line-height: 36px;
        margin-top: 40px;
        flex-shrink: 0;
      }
      .content {
        font-weight: 400;
        font-size: 28px;
        color: #6b6b6b;
        line-height: 48px;
        margin-top: 20px;
        margin-bottom: 28px;
        flex-shrink: 0;
      }
      .action {
        width: 100%;
        height: 80px;
        background-color: #0084ff;
        border-radius: 4px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 40px;
        flex-shrink: 0;
        .txt {
          font-weight: bold;
          font-size: 28px;
          color: #ffffff;
          line-height: 28px;
        }
      }

      .action-ad-click {
        width: 100%;
        height: 80px;
        background-color: #0084ff;
        border-radius: 4px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        .txt {
          font-weight: bold;
          font-size: 28px;
          color: #ffffff;
          line-height: 28px;
        }
      }

      .action-ad-cancel {
        width: 100%;
        height: 80px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        flex-shrink: 0;
        .txt {
          font-weight: bold;
          font-size: 28px;
          color: #7E7E7E;
          line-height: 28px;
        }
      }
      
    }
  }
}
